
	.ui-autocomplete {
		max-height: 100px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
	}
	
	/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
	* html .ui-autocomplete {
		height: 100px;
	}
		
	.four-columns {
		
		width: 100%;
		border-color: blue;
		
	} 
	
	.four-columns-col {
		
		width: 25%;
		float: left;
		
	}
	
	.four-columns-col .form-control, .invoiceItemListCol .form-control,
	.four-columns-col .select-input, .invoiceItemListCol .select-input {
		
		width: 95%;
		
	}
	
	textarea#InvoiceHeaderShippingNotes { height: 90px; }
	
	textarea#customer_notes { height: 60px; }
	
	#invoiceItemList {
		
		margin-top: 20px;
		width: 100%;
		
	}
	
	.invoiceItemListCol {
		
		width: 19%;
		padding: 2px;
	}
	
	.invoiceItemListColAction {
		
		width: 5%;
		
	}
	.readonly {
		
		background-color: #fff;
		border: 1px solid #f2f2f2;
		
	}